<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="com.jiadakeji.ppm.modules.sys.utils.*" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<html>
<head>
    <title>单人每日收费明细</title>
    <meta name="decorator" content="default"/>
    <script type="text/javascript">
        $(document).ready(function() {

        });
        function page(n,s){
            $("#pageNo").val(n);
            $("#pageSize").val(s);
            $("#searchForm").submit();
            return false;
        }
    </script>
</head>
<body>
<ul class="nav nav-tabs">
    <li class="active"><a href="${ctx}/business/report/getReportLackMoney">户主欠费统计表</a></li>
</ul>
<form:form id="searchForm" modelAttribute="reportFeeChargeRoomDTO" action="${ctx}/business/report/getReportLackRoom" method="get" class="breadcrumb form-search">
    <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
    <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
<ul class="ul-form">
    <li><label>小区：</label>
        <form:select path="communityId" class="input-xlarge ">
            <form:option value="" label="请选择"/>
            <form:options items="${fns:getCommunityList()}" itemLabel="name" itemValue="id" htmlEscape="false"/>
        </form:select>
    </li>
    <li><label>楼栋：</label>
        <input type="hidden" name="hidden_buildingId" value="${reportFeeChargeRoomDTO.buildingName}"/>
        <form:select path="buildingName" class="input-medium">
            <form:option value="">请选择</form:option>
        </form:select>
    </li>
    <li><label>房屋编号：</label>
        <form:input path="roomCode" htmlEscape="false" maxlength="255" class="input-medium"/>
    </li>

    <li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/></li>
    <li class="clearfix"></li>
</ul>
</form:form>

<sys:message content="${message}"/>
<table id="contentTable" class="table table-striped table-bordered table-condensed">
    <thead>
    <tr>
        <th>房间号</th>
        <th>楼栋</th>
        <th>房主</th>
        <th>年份</th>
        <th>1月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>2月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>3月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>4月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>5月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>6月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>7月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>8月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>9月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>10月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>11月
            <th>应收</th>
            <th>欠费</th>
        </th>
        <th>12月
            <th>应收</th>
            <th>欠费</th>
        </th>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${reportList}" var="reportFeeChargeRoomList">
        <tr>
            <td>
                    ${reportFeeChargeRoomList.roomCode}
            </td>

            <td>
                    ${reportFeeChargeRoomList.buildingName}
            </td>

            <td>
                    ${reportFeeChargeRoomList.customerName}
            </td>

            <td>
                    ${reportFeeChargeRoomList.createYear}
            </td>

            <td>
                <td>
                    ${reportFeeChargeRoomList.januarytotal}
                </td>
                <td>
                    ${reportFeeChargeRoomList.januarylack}
                </td>
            </td>


            <td>
                <td>
                        ${reportFeeChargeRoomList.februarytotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.februarylack}
                </td>
            </td>
            <td>
                <td>
                        ${reportFeeChargeRoomList.marchtotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.marchlack}
                </td>
            </td>
            <td>
                <td>
                        ${reportFeeChargeRoomList.apriltotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.aprillack}
                </td>
            </td>
            <td>
                <td>
                        ${reportFeeChargeRoomList.maytotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.maylack}
                </td>
            </td>
            <td>
                <td>
                        ${reportFeeChargeRoomList.junetotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.junelack}
                </td>
            </td>
            <td>
                <td>
                        ${reportFeeChargeRoomList.julytotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.julylack}
                </td>
            </td>
            <td>
                <td>
                        ${reportFeeChargeRoomList.augusttotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.augustlack}
                </td>
            </td>

            <td>
                <td>
                        ${reportFeeChargeRoomList.septembertotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.septemberlack}
                </td>
            </td>

            <td>
                <td>
                        ${reportFeeChargeRoomList.octobertotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.octoberlack}
                </td>
            </td>
            <td>
                <td>
                        ${reportFeeChargeRoomList.novembertotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.novemberlack}
                </td>
            </td>
            <td>
                <td>
                        ${reportFeeChargeRoomList.decembertotal}
                </td>
                <td>
                        ${reportFeeChargeRoomList.decemberlack}
                </td>
            </td>
        </tr>
    </c:forEach>
    </tbody>
</table>
<div class="pagination">${page}</div>
<script src="${pageContext.request.contextPath}/static/common/list_relate.js"></script>
<script>
    jQuery(function($) {
        // 选择联动
        var parameter = {
            url : "/a/business/report/getReportLackRoom",
            key : "communityId",
            // dataList:"schoolList",
            value : "id",
            text : "name",
            selectedVal : ""
        };
        $("select[name='communityId']").ajaxRelate(
            $("select[name='buildingName']"), parameter);
        $("select[name='buildingName']").val($("input[name='hidden_buildingId']").val()).trigger("change");


    });
</script>
</body>
</html>

